header {
	height: 1.33rem;
	background-color: #ff841d;
	overflow: hidden;
    display: flex;
	.back {
		margin-top: 0.27rem /* 10/37.5 */;
		display: block;
		width: 0.8rem;
		height: 0.8rem;
		font-size: 0.59rem;
		color: white;
		text-align: center;
		line-height: 0.8rem;
		float: left;
	}
	h4 {
        flex: 1;
        text-align: center;
		color: white;
		height: 0.59rem;
		font-size: 0.53rem;
        margin-top: .27rem /* 10/37.5 */;
		float: left;
	}
	.download {
		float: right;
        width: 1.33rem /* 50/37.5 */;
		img {
			width: 0.91rem;
			height: 0.91rem;
			margin-top: 0.21rem /* 8/37.5 */;
			margin-right: 0.4rem /* 15/37.5 */;
		}
	}
}

nav{
    .head{
        height: .91rem /* 34/37.5 */;
        background-color: #fff;
        margin-top: 10px;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        div{
            float: left;
            line-height: .91rem /* 34/37.5 */;
            width: 2.13rem /* 80/37.5 */;
            font-size: .37rem /* 14/37.5 */;
            margin-right: 20px;
            text-align: center;
        }
        i{
            margin-top: 3px;
            margin-right: 5px;
            width: .8rem /* 30/37.5 */;
            height: .8rem /* 30/37.5 */;
            float: right;
            div{
                height: .08rem /* 3/37.5 */;
                width: .8rem /* 30/37.5 */;
                background-color: #ccc;
                margin: 3px 0;
                border-radius: .05rem /* 2/37.5 */;
            }
        }
    }
    .from{
        display: none;
        li{
            width: 100%;
            height: 1.07rem /* 40/37.5 */;
            line-height: 1.07rem /* 40/37.5 */;
            border-bottom: 1px solid #ccc;
            font-size: .37rem /* 14/37.5 */;
            color:#000;
            font-weight: bold;
            padding-left: 10px;
            background-color: #fff;
        }
    }
}


.product{
    .info{
        overflow: hidden;
        padding: 0 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li{
            float: left;
            width: 46%;
            height: 6rem;
            border: 1px solid #ccc;
            padding:15px 0;
            padding-left: 5px;
            margin: 3px;
            background-color: #fff;
            text-align: center;
            position: relative;

            img{
                width: 4rem /* 150/37.5 */;
                height: 4rem /* 150/37.5 */;
            }

            .title{
                margin: 5px 0;
                font: normal 13px 'Microsoft yahei';
                text-align: left;
                max-height: 1.3rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .price{
                float: left;
                text-align: left;
                color: #f60;
                font-size: .37rem /* 14/37.5 */;
                font-weight: bold;
            }
            .buy{
                position: absolute;
                right: 5px;
                bottom: 5px;
                width: 1.33rem /* 50/37.5 */;
                height: .8rem /* 30/37.5 */;
                font-size: .37rem /* 14/37.5 */;
                background-color: #f90;
                color: #fff;
                line-height: .8rem /* 30/37.5 */;
                border-radius: .13rem /* 5/37.5 */;
            }
        }
    }
}
